<template>
    <div class="loading">
      <img :src="imgUrl" alt="加载中">
    </div>
  </template>

  <script>
      export default {
          name: 'LOADING',
          data () {
              return {
                  imgUrl:require("../../../static/loading.gif"),
              }
          },
      }
  </script>
  <style scoped>
    .loading{
      position: fixed;
      top:0;
      left:0;
      z-index:121;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.3);
      display: table-cell;
      vertical-align: middle;
      text-align: center;
    }
    .loading img{
      width: 4rem;
      height: 4rem;
      margin:7.5rem auto;
    }
  </style>

